﻿@model IEnumerable<WebVideo.EntityProduct_Point>
@{
    ViewBag.Title = "Đổi điểm";
}

<script type="text/javascript">
    document.body.className = 'no-js';
    $(document).ready(function () {
        $('div#ThongBao').hide();
        $('div#ThongBaoSp').hide();

    });
    $(document).ready(function () {
        $('li#TaiKhoanCuaBan').addClass('active');
    });
    function DoiTien() {
        var getURL = '@Url.Action("DoiTien", "Individual")';
        $('div#ThongBao').show();
        $.get(getURL, function (data) {
            if (data == "-1") {
                $('h5#ThongBaoC').text("Bạn vui lòng vào mục THÔNG TIN TÀI KHOẢN đề thêm tài khoản ngân hàng, để giao dịch có thể được thực hiện");
            }
            else {

                if (data == "-2") {
                    $('h5#ThongBaoC').text("Số điểm của bạn không đủ để đổi tiền mặt");
                }
                else if (data == "-3") {
                    $('h5#ThongBaoC').text("Xảy ra lỗi, xin vui lòng thử lại");
                }
                else {
                    $('h5#ThongBaoC').text("Yêu cầu sẽ được chuyển đến tài khoản ngân hàng của bạn trong khoảng thời gian từ 3-5 ngày làm việc");
                    $('h2#SoTienHienTai').text("Bạn đang có " + data + "điểm");
                }
            }

        });
        return true;
    }
    function HienSoDienThoai(Id) {
        $('div#ThongBaoSp').show();
        $('#MaSP').val(Id);
        $('#btnDoiSP').show();
        $('h5#ThongBao1Sp').text("");
        return false;
    }
    function DoiSanPham() {
        var getURL = '@Url.Action("DoiSanPham", "Individual")';
        var Id = $('#MaSP').val();
        var SDT = $('#SDT').val();
        if (SDT == "" || SDT == null) {
            $('h5#ThongBao1Sp').text("Bạn vui lòng nhập số điện thoại");
        }
        else {
            $('#btnDoiSP').hide();
            $.get(getURL, { "Id": Id, "SDT": SDT }, function (data) {
                if (data == "-2") {
                    $('h5#ThongBao1Sp').text("Số điểm của bạn không đủ để đổi sản phẩm này");
                }
                else if (data == "-3") {
                    $('h5#ThongBao1Sp').text("Xảy ra lỗi, xin vui lòng thử lại");
                }
                else {
                    $('h5#ThongBao1Sp').text("Yêu cầu sẽ được gởi đi, số điện thoại của bạn sẽ nhận được kết quả trong khoảng thời gian từ 3-5 ngày làm việc");
                    $('h2#SoTienHienTai').text("Bạn đang có " + data + "điểm");
                }
            });
        }

        return true;
    }
</script>
<div class="inner-container" id="inner-container" style="width: 8000px">
    <div class="wrap-widget">
        <div class="inner-widget-scroll">
            <div class="inner-widget _5" style="padding-right: 150px;">
                <h1>Thanh toán</h1>
                <div class="widget _2x3 phone bg-color-MediumSeaGreen">
                    <div class="widget-content">
                        @Html.Action("Index", "Individual", new { Friend = @ViewBag.Payment })
                    </div>
                    <!--/ .widget-content-->
                </div>
                <!--/ .widget-->
                <div class="widget _3x1 phone bg-color-DarkCyan">
                    <div class="widget-content">
                        @{
                            int? tt = ViewBag.DiemVideo + ViewBag.DiemBan1 + ViewBag.DiemBan2;
                        }
                        <h2 id="SoTienHienTai">Bạn đang có @tt điểm</h2>
                        <p><small>Mỗi 100.000 điểm của bạn được quy đổi tương đương 50.000 VNĐ.Số tiền bạn có hiện tại sau khi quy đổi sẽ là 50.000 VNĐ</small></p>
                        <a href="#" onclick="return DoiTien();" class="btn btn-danger absolute left bottom">Đổi tiền</a>
                        <img src="../../Content/cssFrontEnd/images/icon-out.png" class=" absolute right bottom" />

                    </div>
                </div>
                <!--/ .widget-->
                <div class="widget _3x1 phone bg-color-orangeDark" id="ThongBao">
                    <div class="widget-content">
                        <h5 id="ThongBaoC"></h5>
                    </div>
                </div>
                <!--/ .widget-->
                <div class="widget bg-color-grayDark">
                    <div class="widget-content">
                        <p><small>Bạn cũng có thể dùng điểm để mua những sản phẩm ở ngay đây nếu không muốn quy đổi tiền mặt.</small></p>
                        <img src="../../Content/cssFrontEnd/images/icon-cart.png" class="visible-desktop absolute right bottom" />
                    </div>
                </div>
                <!--/ .widget-->
            </div>
            <!--/ .inner-widget-->

            <div class="inner-widget _7">
                <h1>Sản phẩm quy đổi</h1>
                <div class="widget _3x1 phone bg-color-orangeDark" id="ThongBaoSp">
                    <div class="widget-content">
                        <div>Bạn vui lòng nhập đúng số điện thoại mà bạn muốn nhận kết quả</div>
                        <input id="MaSP" type="hidden" />
                        <br />
                        Nhập số điện thoại:
                        <input id="SDT" /><a href="#" onclick="return DoiSanPham();" class="btn btn-danger absolute" id="btnDoiSP">Thực hiện</a>
                        <br />
                        <h5 id="ThongBao1Sp"></h5>
                    </div>
                </div>
                <!--/ .widget-->

                @{
                    int i = 0;
                    foreach (var item in Model)
                    {
                        if (i / 2 == 0)
                        { 
                    <a href="#" onclick="return HienSoDienThoai(@item.Id);">
                        <div class="widget bg-color-blue">
                            <div class="widget-content">
                                <h2 style="line-height: 30px;">@item.Value<img src="/Content/Images/SanPham/@item.Image"class="pull-right" width="56" height="30"/></h2>
                                <div class="statistic-friend">
                                    <p>@item.Name @item.Value.000 VNĐ</p>
                                </div>
                            </div>
                        </div>
                        <!--/ .widget-->
                    </a>
                        }
                        else if (i / 3 == 0)
                        {
                    <a href="#" onclick="return HienSoDienThoai(@item.Id);">
                        <div class="widget bg-color-MediumSeaGreen">
                            <div class="widget-content" onclick="HienSoDienThoai(@item.Id)">
                                <h2 style="line-height: 30px;">@item.Value<img src="/Content/Images/SanPham/@item.Image" class="pull-right" width="56" height="30"/></h2>
                                <div class="statistic-friend">
                                    <p>@item.Name @item.Value.000 VNĐ</p>
                                </div>
                            </div>
                        </div>
                        <!--/ .widget-->
                    </a>
                        }
                        else if (i / 4 == 0)
                        {
                    <a href="#" onclick="return HienSoDienThoai(@item.Id);">
                        <div class="widget bg-color-orange" onclick="return HienSoDienThoai(@item.Id);">
                            <div class="widget-content">
                                <h2 style="line-height: 30px;">@item.Value<img src="/Content/Images/SanPham/@item.Image" class="pull-right" width="56" height="30"/></h2>
                                <div class="statistic-friend">
                                    <p>@item.Name @item.Value.000 VNĐ</p>
                                </div>
                            </div>
                        </div>
                        <!--/ .widget-->
                    </a>
                        }
                        else if (i / 5 == 0)
                        {
                    <a href="#" onclick="return HienSoDienThoai(@item.Id);">
                        <div class="widget bg-color-FireBrick">
                            <div class="widget-content" onclick="HienSoDienThoai(@item.Id)">
                                <h2 style="line-height: 30px;">@item.Value<img src="/Content/Images/SanPham/@item.Image" class="pull-right" width="56" height="30" /></h2>
                                <div class="statistic-friend">
                                    <p>@item.Name @item.Value.000 VNĐ</p>
                                </div>
                            </div>
                        </div>
                        <!--/ .widget-->
                    </a>
                        }
                        else if (i / 7 == 0)
                        {
                    <a href="#" onclick="return HienSoDienThoai(@item.Id);">
                        <div class="widget bg-color-red" onclick="HienSoDienThoai(@item.Id)">
                            <div class="widget-content">
                                <h2 style="line-height: 30px;">@item.Value<img src="/Content/Images/SanPham/@item.Image" class="pull-right" width="56" height="30" /></h2>
                                <div class="statistic-friend">
                                    <p>@item.Name @item.Value.000 VNĐ</p>
                                </div>
                            </div>
                        </div>
                        <!--/ .widget-->
                    </a>
                        }
                        else
                        {
                    <a href="#" onclick="return HienSoDienThoai(@item.Id);">
                        <div class="widget bg-color-teal" onclick="HienSoDienThoai(@item.Id)">
                            <div class="widget-content">
                                <h2 style="line-height: 30px;">@item.Value<img src="/Content/Images/SanPham/@item.Image" class="pull-right" width="56" height="30"/></h2>
                                <div class="statistic-friend">
                                    <p>@item.Name @item.Value.000 VNĐ</p>
                                </div>
                            </div>
                        </div>
                        <!--/ .widget-->
                    </a>
                        }


                        i++;
                    }
                }

            </div>
            <!--/ .inner-widget-->

        </div>
        <!--/ .inner-widget-scroll-->

    </div>
    <!--/ .wrap-widget -->
</div>
<!--/ .inner-container-->

@section occasionalScripts {
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.min.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/load.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/styles.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.nicescroll.min.js")" ></script>
}
